.reviewWrap {
    position: absolute;

    .reviewItem {
        margin-bottom: 20px;
        padding: 8px;
        border: 1px solid #ebebeb;
        border-top: 6px solid #557cf2;
        border-radius: 6px;
        box-shadow: 0 0 20 rgba(0, 0, 0, .1);

        &:first-child {
            border-top-color: #f7c530;
        }

        .mark {
            border-left: 2px solid #ebebeb;
            padding: 2px 6px;
            color: #5f5f5f;
        }

        .my {
            margin-top: 6px;

            .avatar {
                display: flex;
                align-items: center;

                img {
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    margin-right: 10px;
                }

                .time {
                    margin-left: auto;
                    font-size: 12px;
                    color: #a8a7a7;
                }
            }

            .sendWrap {
                margin-top: 20px;

                input {
                    user-select: none;
                }
            }

            .replay {
                margin-left: 42px;
            }
        }
    }
}

.reviewDraw {
    user-select: none;
}

// .noteTip {
//     position: absolute;
//     bottom: 0;
//     padding: 1px 4px;
//     background: #ec7607;
//     color: #fff;
//     font-size: 12px;
//     cursor: pointer;
//     user-select: none;
//     display: none;
// }